:root {
    --color-blue: skyblue;
    --color-green: seagreen;
    --color-pink: palevioletred;
    --color-gray: #efefef;
    --color-purple: rgb(208, 78, 208);
}

.w500 {
    width: 500px;
}
.h500 {
    height: 500px;
}

.w100 {
    width: 100px;
}
.h100 {
    height: 100px;
}
.w200 {
    width: 200px;
}
.h200 {
    height: 200px;
}

.bg-blue {
    background-color: var(--color-blue);
}
.bg-pink {
    background-color: var(--color-pink);
}
.bg-green {
    background-color: var(--color-green);
}
.bg-purple {
    background-color: var(--color-purple);
}

.border-2 {
    border: 2px solid black;
}

.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
